   
    // 一级元素的创建
    var ulbox=document.querySelector("#ulbox");
    let titleIdArr=[];
    const xhr1=new XMLHttpRequest();
    xhr1.open("get","http://chst.vip:1234/api/getcategorytitle",false)
    xhr1.onload=function(){
        var lis='';
        if(xhr1.status===200){
            let res1=JSON.parse(xhr1.responseText)
//             console.log(res1);
            res1.result.forEach(item => {
//                 console.log(item.title);
                lis+=`<li>
                         <h4>${item.title}</h4>
                         <div class="listbox">
                                    
                        </div>
                      </li>`
            titleIdArr.push(item.titleId);
            });
        }
        ulbox.innerHTML=lis
    }
    xhr1.send();

//     console.log(titleIdArr);
   // 二级元素的创建
   var div=document.querySelectorAll(".listbox")
//     console.log(div);
   titleIdArr.forEach((item,index)=>{
       const xhr2=new XMLHttpRequest();
       xhr2.open("get",`http://chst.vip:1234/api/getcategory?titleid=${item}`,false)
       xhr2.onload=function(){
           if(xhr2.status===200){
               let res2=JSON.parse(xhr2.responseText);
//                console.log(res2.result);
               let pt="";
               res2.result.forEach(value=>{
                   pt += `<p id=${value.categoryId}>${value.category}</p>`;
                   div[index].innerHTML= pt;
               })
           }   
       }
       xhr2.send()
   })

    // slideDown()    高度展开    自带动画效果
   // slideUp()      高度收起    自带动画效果
   // slideToggle    展开收起自动切换

  $("#ulbox>li>div").slideUp(0,function(){
                    $(this).prop("flag",false);
   });

/*    $("#ulbox>li").click(function(){
      $(this).find("div").slideToggle().parent().siblings().find("div").slideUp();          
   }); */

//    stop()阻止事件冒泡
   $("#ulbox>li h4").click(function(){
                    $(this).next().stop().slideToggle()
   })
  
   $(".listbox>p").click(function(ev){
                    let e=ev ||window.event;
                    let target=e.target || e.srcElement;
                    
                    if(target.nodeName==="P"){
                                        proId=target.id;
                    }else{
                                        proId=target.parentNode.id;
                    }
                    window.location.href="../html/detail.html?categoryid="+ proId;
                    let =localStorage.setItem("name",target.innerHTML)
   })

